<template>
  <div class="player-physical">
    <el-card>
      <template #header>
        <div class="card-header">
          <span>体能数据记录</span>
          <el-button type="primary" @click="addNewRecord">添加记录</el-button>
        </div>
      </template>

      <el-table :data="physicalData">
        <el-table-column prop="date" label="日期" width="180" />
        <el-table-column prop="speed" label="速度(km/h)" width="120" />
        <el-table-column prop="stamina" label="耐力评分" width="120" />
        <el-table-column prop="strength" label="力量评分" width="120" />
        <el-table-column prop="flexibility" label="灵活性评分" width="120" />
      </el-table>
    </el-card>
  </div>
</template>

<script setup>
import { ref } from "vue";

const physicalData = ref([
  {
    date: "2024-03-15",
    speed: 32,
    stamina: 85,
    strength: 78,
    flexibility: 82,
  },
]);

const addNewRecord = () => {
  // 添加新记录的逻辑
};
</script>